
{% load i18n %}

{% block content %}
<!DOCTYPE html> 
<html> 
    <head> 
    <title>Take Quiz</title> 
    <link rel="stylesheet" href="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 
<body>

<!-- Home Page -->
<div data-role="page" > 
    <div data-role="header">

      <a href='/courses/{{quiz.lecture.course.id}}'>back</a> <h1>{{quiz.title}}</h1> <a href='/accounts/logout/' rel="external" > logout</a>
    </div> 
    <div data-role="content">
<ul data-role="listview" data-inset="true">
{% for choice in choices %}
<li><a rel="external" href="/quiz/confirm/{{choice.id}}">{{choice.body}} </a></li>
{% endfor %}
    </ul>

</div> 
</div> 
</body>
</html>

{% endblock %}
    